import React, { Component } from "react";
import { Layout, Button, Icon } from "antd";
import "./HeaderComponent.less";

const { Header } = Layout;

class HeaderComponent extends Component {
  render() {
    const { collapsed, toggle } = this.props;
    return (
      <Header>
        <Button type="primary" style={{ marginBottom: 16 }} onClick={toggle}>
          <Icon type={collapsed ? "menu-unfold" : "menu-fold"} />
        </Button>
      </Header>
    );
  }
}
export default HeaderComponent;
